<!DOCTYPE html>
<html>
<head>
    <title>相关演示</title>
    <script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="jquery.kaa.colClass.js"></script>
    <script type="text/javascript">
        $(function () {
            $('table').colClass();
        })
    </script>
    <style type="text/css">
        .tr {
            text-align: right;
        }

        .tl {
            text-align: left;
        }
    </style>
</head>
<body>
<table style="width: 100%;">
    <colgroup>
        <col class="tr" style="width: 25%;">
        <col class="tl" style="width: 25%;">
        <col class="tr" style="width: 25%;">
        <col class="tl" style="width: 25%;">
    </colgroup>
    <tbody>
    <tr>
        <td>fsdaaaaaa</td>
        <td>fasfsdfdsf</td>
        <td>fsdafdsfdsf</td>
        <td>fdsafsdfds</td>
    </tr>
    <tr>
        <td>fsdaaaaaa</td>
        <td>fasfsdfdsf</td>
        <td>fsdafdsfdsf</td>
        <td>fdsafsdfds</td>
    </tr>
    <tr>
        <td>fsdaaaaaa</td>
        <td>fasfsdfdsf</td>
        <td>fsdafdsfdsf</td>
        <td>fdsafsdfds</td>
    </tr>
    <tr>
        <td>fsdaaaaaa</td>
        <td>fasfsdfdsf</td>
        <td>fsdafdsfdsf</td>
        <td>fdsafsdfds</td>
    </tr>
    <tr>
        <td>fsdaaaaaa</td>
        <td>fasfsdfdsf</td>
        <td>fsdafdsfdsf</td>
        <td>fdsafsdfds</td>
    </tr>
    </tbody>
</table>
</body>
</html>